<template>
    <div>
      <section id="home">Home</section>
      <section id="theme">theme</section>
      <section id="wallet">wallet</section>
      <section id="picture">picture</section>
      <section id="code">QR code</section>
      <section id="authentication">authentication</section>
      <section id="me">ME</section>
    </div>
  </template>
  
  <script>
  export default {
    name: "MainContent"
  };
  </script>
  
  <style scoped>
  section {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 900 100px '';
    color: rgba(110, 90, 240, 0.3);
    background: #e4e9f5;
  }
  </style>
  